<template>
  <div id="app">
    <header-bar></header-bar>
    <router-view></router-view>
  </div>
</template>

<script>
import headerBar from "./components/headerBar";

export default {
  name: "app",
  components: {
    headerBar,
  },
  data() {
    return {
      // isRouterAlive: true,
    };
  },
  // provide() {
  //   return {
  //     reload: this.reload,
  //   };
  // },
  methods: {
    // reload() {
    //   this.isRouterAlive = false;
    //   this.$nextTick(function () {
    //     this.isRouterAlive = true;
    //   });
    // },

    setCookie: function (c_name, value, expire) {
      var date = new Date();
      date.setSeconds(date.getSeconds() + expire);
      document.cookie =
        c_name + "=" + escape(value) + "; expires=" + date.toGMTString();
    },
    getCookie: function (c_name) {
      if (document.cookie.length > 0) {
        let c_start = document.cookie.indexOf(c_name + "=");
        if (c_start != -1) {
          c_start = c_start + c_name.length + 1;
          let c_end = document.cookie.indexOf(";", c_start);
          if (c_end == -1) c_end = document.cookie.length;
          return unescape(document.cookie.substring(c_start, c_end));
        }
      }
      return "";
    },
  },
};
</script>

<style>
#app {
  height: 100%;
  width: 100%;
  overflow: auto;
  max-height: 100%;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* text-align: center; */
  color: #4b5764;
  background: #eee;
}
</style>  
